<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>商品管理</title>
    <meta name="description" content="商品管理">
    <meta name="keywords" content="商品管理">
    <link href="css/denglu.css" rel="stylesheet">
    <link href="css/main.css" type="text/css" rel="stylesheet"/>
    <link href="css/display.css" type="text/css" rel="stylesheet"/>
    <link href="css/gou_wu_che.css" type="text/css" rel="stylesheet"/>
    <link href="css/xiang_qing.css" type="text/css" rel="stylesheet"/>
    <link href="css/xiu_gai.css" type="text/css" rel="stylesheet"/>

</head>
<body>
<div class="clear"></div>
<!---------------------------------------- 头部  ----------------------------------------->
<div class="main_div gw_header">
    <div class="logo_3">
        <img src="images/logo.png" alt="logo"/>
    </div>
    <div class="gw_banner">
        <div class="call">
            <!---------------------------------------- 通知区域  ----------------------------------------->
            <ul class="ul_left_di_zhi"><li>
                送至：北京
                <div class="bj-1">
                    <a href="">北京</a><a href="">上海</a><a href="">天津</a><a href="">重庆</a>
                    <a href="">河北</a><a href="">山西</a><a href="">河南</a><a href="">辽宁</a>
                    <a href="">吉林</a><a href="">黑龙江</a><a href="">浙江</a><a href="">江苏</a>
                    <a href="">山东</a><a href="">安徽</a><a href="">内蒙古</a><a href="">湖北</a>
                    <a href="">湖南</a><a href="">广东</a><a href="">广西</a><a href="">江西</a>
                    <a href="">四川</a><a href="">海南</a><a href="">贵州</a><a href="">云南</a>
                    <a href="">西藏</a><a href="">陕西</a><a href="">甘肃</a><a href="">青海</a>
                    <a href="">宁夏</a><a href="">新疆</a><a href="">台湾</a><a href="">香港</a>
                    <a href="">澳门</a><a href="">海外</a><a href="">钓鱼岛</a>
                </div>
            </li>
            </ul>
            <ul class="ul_right_call">
                <li class="deng_lu">
                    <a href="denglu.html">您好，请登录</a>
                    <a href="zhuche.html"  class="red">免费注册</a>
                </li>
                <li class="deng_lu">
                    <a href="gou_wu_che.html">我的订单</a>
                </li>
                <li class="my bj">
                    <a href="index.html">我的京东</a>
                    <div class="my1">
                        <table>
                            <tr>
                                <td><a href="">待处理的订单</a></td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td><a href="">消息</a></td>
                            </tr>
                            <tr>
                                <td><a href="">返修退换货</a></td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td><a href="">我的问答</a></td>
                            </tr>
                            <tr>
                                <td><a href="">降价商品</a></td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td><a href="">我的关注</a></td>
                            </tr>
                            <tr>
                                <td>&nbsp;&nbsp;   &nbsp;&nbsp;</td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                            </tr>
                            <tr>
                                <td><a href="">我的京豆</a></td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td><a href="">我的优惠券</a></td>
                            </tr>
                            <tr>
                                <td><a href="">我的白条</a></td>
                                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                <td><a href="">我的理财</a></td>
                            </tr>
                        </table>
                    </div>
                </li>
                <li class="">
                    <a href="#">京东会员</a>
                </li>
                <li class="denglu">
                    <a href="shang_ping_guan_li.html">商品管理</a>
                </li>
                <li class="shouji bj">
                    <a href="#">手机京东</a>
                    <i class="ci-right ">
                        <s class="jt">◇</s>
                    </i>
                    <div class="shouji1">
                        <img src="images/er_wei_ma1.png" alt="" class="shouji4"/>
                        <div class="shouji2">
                            <p>京东客户端</p>
                            <p class="red">新人专享大礼包</p>
                            <img src="images/er_wei_ma.png" class="shouji3">
                            <img src="images/er_wei_ma.png" class="shouji3">
                            <img src="images/er_wei_ma.png" class="shouji3">
                        </div>
                        <div class="yi">
                            <img src="images/er_wei_ma1.png" alt="" class="shouji4"/>
                            <div class="er">
                                <p>京东金融客户端</p>
                                <p class="red">新人专享大礼包</p>
                                <img src="images/er_wei_ma.png" class="shouji3">
                                <img src="images/er_wei_ma.png" class="shouji3">
                                <img src="images/er_wei_ma.png" class="shouji3">

                            </div>
                        </div>
                    </div>
                </li>
                <li class="kehu bj">
                    <a href="#">客户服务</a>
                    <i class="ci-right ">
                        <s class="jt">◇</s>
                    </i>
                    <div class="kehu1">
                        <h3 class="neirong2">客户</h3>
                        <ul class="kehu2">
                            <li><a href="">帮助中心</a></li>
                            <li><a href="">售后服务</a></li>
                            <li><a href="">在线客服</a></li>
                            <li><a href="">帮助中心</a></li>
                            <li><a href="">客服邮箱</a></li>
                        </ul>
                        <div>
                            <ul class="kehu3">
                                <h3 class="neirong2 ll">客户</h3>
                                <li><a href="">京东商学院</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="shu"></li>
                <li class="daohang">
                    <a href="#">网站导航</a>
                    <i class="ci-right ">
                        <s class="jt">◇</s>
                    </i>
                    <div class="aa">
                        <div class="neirong">
                            <h4 class="neirong2">特色主题</h4>
                            <ul>
                                <li><a href="">品牌街</a></li>
                                <li><a href="">今日抄底</a></li>
                                <li><a href="">好东西</a></li>
                                <li><a href="">京东预售</a></li>
                            </ul>
                            <ul>

                                <li><a href="">尖er货</a></li>
                                <li><a href="">京东首发</a></li>
                                <li><a href="">今日团购</a></li>
                                <li><a href="">优惠券</a></li>
                            </ul>
                            <ul>

                                <li><a href="">闪购</a></li>
                                <li><a href="">京东会员</a></li>
                                <li><a href="">京东京选</a></li>
                                <li><a href="">定期送</a></li>
                            </ul>
                            <ul>

                                <li><a href="">装机大师</a></li>
                                <li><a href="">新奇特</a></li>
                                <li><a href="">京东试用</a></li>

                            </ul>

                        </div>
                        <div class="neirong">

                            <h4 class="neirong2">行业频道</h4>

                            <ul>

                                <li><a href="">品牌街</a></li>
                                <li><a href="">今日抄底</a></li>
                                <li><a href="">好东西</a></li>

                            </ul>
                            <ul>

                                <li><a href="">尖er货</a></li>
                                <li><a href="">京东首发</a></li>
                                <li><a href="">今日团购</a></li>

                            </ul>
                            <ul>

                                <li><a href="">闪购</a></li>
                                <li><a href="">京东会员</a></li>
                                <li><a href="">京东京选</a></li>

                            </ul>
                            <ul>

                                <li><a href="">装机大师</a></li>
                                <li><a href="">新奇特</a></li>
                                <li><a href="">京东试用</a></li>

                            </ul>
                            <ul>

                                <li><a href="">智能馆</a></li>
                                <li><a href="">玩bigger</a></li>
                                <li><a href="">大牌免息</a></li>
                            </ul>
                        </div>
                        <div class="neirong">
                            <h4 class="neirong2">生活服务</h4>
                            <ul>
                                <li><a href="">品牌街</a></li>
                                <li><a href="">今日抄底</a></li>
                                <li><a href="">好东西</a></li>
                            </ul>
                            <ul>
                                <li><a href="">尖er货</a></li>
                                <li><a href="">京东首发</a></li>
                                <li><a href="">今日团购</a></li>
                            </ul>
                            <ul>
                                <li><a href="">闪购</a></li>
                                <li><a href="">京东会员</a></li>
                                <li><a href="">京东京选</a></li>
                            </ul>
                            <ul>
                                <li><a href="">装机大师</a></li>
                                <li><a href="">新奇特</a></li>
                                <li><a href="">京东试用</a></li>
                            </ul>
                            <ul>
                                <li><a href="">智能馆</a></li>
                                <li><a href="">玩bigger</a></li>
                                <li><a href="">大牌免息</a></li>
                            </ul>
                        </div>
                        <div class="neirong neirong3">
                            <h4 class="neirong2">更多精选</h4>
                            <ul>
                                <li><a href="">品牌街</a></li>
                                <li><a href="">今日抄底</a></li>
                                <li><a href="">好东西</a></li>
                            </ul>
                            <ul>
                                <li><a href="">尖er货</a></li>
                                <li><a href="">京东首发</a></li>
                                <li><a href="">今日团购</a></li>
                            </ul>
                            <ul>
                                <li><a href="">闪购</a></li>
                                <li><a href="">京东会员</a></li>
                                <li><a href="">京东京选</a></li>
                            </ul>
                            <ul>
                                <li><a href="">装机大师</a></li>
                                <li><a href="">新奇特</a></li>
                                <li><a href="">京东试用</a></li>
                            </ul>
                            <ul>
                                <li><a href="">智能馆</a></li>
                                <li><a href="">玩bigger</a></li>
                                <li><a href="">大牌免息</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="gw_search">
        <form action="#" method="get">
            <input type="text" style="width: 300px; height: 30px; font-size: 20px; border: 2px solid red;" value="搜索">
            <input type="submit" style="width: 80px;height: 40px; font-weight: bold; font-size: 24px; color: white; background: red" value="搜索">
        </form>
    </div>
</div>

<!---------------------------------------- 购物车部分  ----------------------------------------->
<div class="gw_center">
    <div class="gw_center_top_title">
        <div class="gw_div1">
            <a href="#" class="gw_a1">全部商品&nbsp;10</a>
            <a href="#" class="gw_a2">京东大药房</a>
        </div>
        <div class="gw_div2">
            <p>
                配送至：
            </p>
            <div class="gw_pei_song">
                <p>
                    北京朝阳区管庄
                </p>
            </div>
        </div>
    </div>
    <div class="gw_center_top_title2">
        <form action="#" method="post">
            <input type="checkbox" > &nbsp;&nbsp;<label>全选</label>
        </form>
        <span class="gw_spam1">商品</span>
        <span class="gw_spam2">单价</span>
        <span class="gw_spam3">数量</span>
        <span class="gw_spam4">小计</span>
        <span class="gw_spam5">操作</span>
    </div>
    <div class="gw_center_top_title3">
        <form action="#" method="post">
            <input type="checkbox" > &nbsp;&nbsp;<label>京东自营</label>
        </form>
        <div class="gw_you_hu_quan">
            <p>优惠券</p>
        </div>
    </div>
    <hr style="font-weight: bold;">
    <!------------  商品1 -------------->
    <div class="gw_center_shang_pin1">
        <form action="#" method="post">
            <input type="checkbox" > &nbsp;&nbsp;
        </form>
        <div class="gw_sp_tu">
            <img src="images/gw_sp1.png">
        </div>
        <div class="gw_sp_describe">
            <div class="gw_sp_describe_a1">
                <a  style="position: absolute; top: 10px;" href="#">
                    魅族 PRO6S 4GB+64GB 全网通公开版 星空黑 移动联通电信4G手机 双卡双
                </a>
            </div>
            <div class="gw_sp_describe_p1">
                <p style="position: absolute; top: 10px;" >颜色：星空灰</p>
                <p style="position: absolute; top: 28px;" >尺码：标配版</p>
            </div>
            <div class="gw_sp_describe_tui_huan">
                <img src="images/gw_sp_tui_huan_logo.png">
            </div>
            <div class="gw_sp_describe_douwn">
                <div class="gw_sp_describe_douwn1">
                    <img src="images/gw_sp_bao_zhuang_logo.png">
                    <a href="#">选包装</a>
                </div>
                <div class="gw_sp_describe_douwn2">
                    <img src="images/gw_sp_yan_bao_logo.png">
                    <a href="#">送延保</a>
                </div>
            </div>
        </div>
        <div class="gw_sp_price">
            <div style="position: absolute; top: 30px;left: 8px;font-size: 22px;">
                ¥1699.00
            </div>
        </div>
        <div class="gw_sp_number">
            <div class="div1">
            </div>
            <div class="div2">
                1
            </div>
            <div class="div3">+
            </div>
            <div class="div4">
                有货
            </div>
        </div>
        <div class="gw_sp_compute">
            <div style="position: absolute; top: 30px;left: 8px;font-size: 22px;">
                ¥1699.00
            </div>
            <div style="position: absolute; top: 56px;left: 28px;font-size: 16px;">
                0.54kg
            </div>
        </div>
        <div class="gw_sp_operate">
            <p style="position: absolute; left: 2px; top: 30px; font-size: 16px;" ><a href="#">删除</a></p>
            <p style="position: absolute; left: 2px; top: 56px; font-size: 16px;" ><a href="shang_pin_xiu_gai.html">修改商品信息</a></p>
            <p style="position: absolute; left: 2px; top: 82px; font-size: 16px;" ><a href="#">商品管理</a></p>
        </div>
    </div>

    <!------------  商品2 -------------->
    <hr style="font-weight: bold;">
    <div class="gw_center_shang_pin1">
        <form action="#" method="post">
            <input type="checkbox" > &nbsp;&nbsp;
        </form>
        <div class="gw_sp_tu">
            <img src="images/gw_sp2.png">
        </div>
        <div class="gw_sp_describe">
            <div class="gw_sp_describe_a1">
                <a  style="position: absolute; top: 10px;" href="#">
                    优加 新Apple iPad/iPad7/iPad Pro 9.7钢化玻璃膜平板屏幕保护贴膜 苹果
                </a>
            </div>
            <div class="gw_sp_describe_p1">
                <p style="position: absolute; top: 10px;" >颜色：钢化膜（直边）</p>
                <p style="position: absolute; top: 28px;" >尺码：iPad Air/Air 2/Pro 9.7英...</p>
            </div>
            <div class="gw_sp_describe_tui_huan">
                <img src="images/gw_sp_tui_huan_logo.png">
            </div>
            <div class="gw_sp_describe_douwn">
                <div class="gw_sp_describe_douwn1">
                    <img src="images/gw_sp_bao_zhuang_logo.png">
                    <a href="#">选包装</a>
                </div>
                <div class="gw_sp_describe_douwn2">
                    <img src="images/gw_sp_yan_bao_logo.png">
                    <a href="#">送延保</a>
                </div>
            </div>
        </div>
        <div class="gw_sp_price">
            <div style="position: absolute; top: 30px;left: 8px;font-size: 22px;">
                ¥15.90
            </div>
        </div>
        <div class="gw_sp_number">
            <div class="div1">
            </div>
            <div class="div2">
                1
            </div>
            <div class="div3">+
            </div>
            <div class="div4">
                有货
            </div>
        </div>
        <div class="gw_sp_compute">
            <div style="position: absolute; top: 30px;left: 8px;font-size: 22px;">
                ¥15.90
            </div>
            <div style="position: absolute; top: 56px;left: 28px;font-size: 16px;">
                0.27kg
            </div>
        </div>
        <div class="gw_sp_operate">
            <p style="position: absolute; left: 2px; top: 30px; font-size: 16px;" ><a href="#">删除</a></p>
            <p style="position: absolute; left: 2px; top: 56px; font-size: 16px;" ><a href="shang_pin_xiu_gai.html">修改商品信息</a></p>
            <p style="position: absolute; left: 2px; top: 82px; font-size: 16px;" ><a href="#">商品管理</a></p>
        </div>
    </div>

    <!------------  商品3 -------------->
    <hr style="font-weight: bold;">
    <div class="gw_center_shang_pin1">
        <form action="#" method="post">
            <input type="checkbox" > &nbsp;&nbsp;
        </form>
        <div class="gw_sp_tu">
            <img src="images/gw_sp3.png">
        </div>
        <div class="gw_sp_describe">
            <div class="gw_sp_describe_a1">
                <a  style="position: absolute; top: 10px;" href="#">
                    2本 Scala机器学习+高性能Scala scala编程教程书籍 scala程序设计入门
                </a>
            </div>
            <div class="gw_sp_describe_p1">
                <!--<p style="position: absolute; top: 10px;" >颜色：星空灰</p>-->
                <!--<p style="position: absolute; top: 28px;" >尺码：标配版</p>-->
            </div>
            <div class="gw_sp_describe_tui_huan">
                <img src="images/gw_sp_tui_huan_logo.png">
            </div>
            <div class="gw_sp_describe_douwn">
                <div class="gw_sp_describe_douwn1">
                    <img src="images/gw_sp_bao_zhuang_logo.png">
                    <a href="#">选包装</a>
                </div>
                <div class="gw_sp_describe_douwn2">
                    <img src="images/gw_sp_yan_bao_logo.png">
                    <a href="#">送延保</a>
                </div>
            </div>
        </div>
        <div class="gw_sp_price">
            <div style="position: absolute; top: 30px;left: 8px;font-size: 22px;">
                ¥93.00
            </div>
        </div>
        <div class="gw_sp_number">
            <div class="div1">
            </div>
            <div class="div2">
                1
            </div>
            <div class="div3">+
            </div>
            <div class="div4">
                有货
            </div>
        </div>
        <div class="gw_sp_compute">
            <div style="position: absolute; top: 30px;left: 8px;font-size: 22px;">
                ¥93.00
            </div>
            <div style="position: absolute; top: 56px;left: 28px;font-size: 16px;">
                0.54kg
            </div>
        </div>
        <div class="gw_sp_operate">
            <p style="position: absolute; left: 2px; top: 30px; font-size: 16px;" ><a href="#">删除</a></p>
            <p style="position: absolute; left: 2px; top: 56px; font-size: 16px;" ><a href="shang_pin_xiu_gai.html">修改商品信息</a></p>
            <p style="position: absolute; left: 2px; top: 82px; font-size: 16px;" ><a href="#">商品管理</a></p>
        </div>
    </div>

    <hr style="font-weight: bold;">


</div>


<!---------------------------------------- 尾部  ----------------------------------------->
<div class="gw_footer">
    <div class="footer_top">
        <a  href="#">
            关于我们
        </a>
        |
        <a  href="#">
            联系我们
        </a>
        |
        <a  href="#">
            人才招聘
        </a>
        |
        <a  href="#">
            商家入驻
        </a>
        |
        <a  href="#">
            广告服务
        </a>
        |
        <a  href="#">
            手机京东
        </a>
        |
        <a  href="#">
            友情链接
        </a>
        |
        <a  href="#">
            销售联盟
        </a>
        |
        <a  href="#">
            京东社区
        </a>
        |
        <a  href="#">
            京东公益
        </a>
        |
        <a href="#">English Site</a>
    </div>
    <div class="footer_bottom">
        Copyright&nbsp;&copy;&nbsp;2004-2017&nbsp;&nbsp;京东JD.com&nbsp;版权所有
    </div>
</div>
</body>
</html>